<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.img2
			{
				width: 200px;
				height: 200px;
			}
			#div1,#div4
			{
				width: 200px;
				height: 200px;
				border: 1px solid blud;
				float: left;
				margin-top: 20px;
				margin-left: 20px;
			}
			#div3,#div2
			{
				width: 200px;
				height: 200px;
				border: 1px solid blud;
				float: left;
				margin-top: 20px;
				margin-left: 20px;
			}
			#outdiv
			{
				width: 464px;
				height: 464px;
				border: 1px solid white;
				margin: 0px auto;
				background-color: aqua;
			}
			
			
		</style>
	</head>
	<body>
		<div id="outdiv" >
			<div id="div1">
				<a  target="_blank" href="https://cn.bing.com/search?q=%e5%8b%87%e5%a3%ab%e5%ba%93%e9%87%8c&FORM=HDRSC1">
				<img class="img2"  src="https://tse2-mm.cn.bing.net/th/id/OIP-C.jKy5fS1ZVG5II_MlguO7RgHaE7?w=288&h=192&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
			    </a>
			</div>
			<div id="div4">
				<a  target="_blank" href="https://cn.bing.com/search?q=%e5%8b%87%e5%a3%ab%e7%bb%b4%e9%87%91%e6%96%af&FORM=HDRSC1">
					<img class="img2" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.XBR3ewG1KG_CykszTXa-YAHaGX?w=224&h=192&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
				</a>
			</div>
			<div id="div2">
				<a  target="_blank" href="https://cn.bing.com/search?q=%E5%8B%87%E5%A3%AB%E5%85%8B%E8%8E%B1&qs=n&form=QBRE&sp=-1&pq=%E5%8B%87%E5%A3%AB%E5%85%8B%E8%8E%B1&sc=4-4&sk=&cvid=0F225232F8CA42A5B6B3EADE06C44464&ghsh=0&ghacc=0&ghpl=">
					<img class="img2" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.t7GR2M7Dggs8x20RFGunqAHaEc?w=312&h=187&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
				</a>
			</div>
			<div id="div3">
				<a  target="_blank" href="https://cn.bing.com/search?q=%e5%8b%87%e5%a3%ab%e6%a0%bc%e6%9e%97&FORM=HDRSC1">
					<img class="img2" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.l7mxw5ecU9C_0XNy306OLgHaIq?w=158&h=185&c=7&r=0&o=5&dpr=1.3&pid=1.7" >
				</a>
			</div>
		</div>
	</body>
</html>